<!DOCTYPE html>
<html>

	<head>

		<!-- CSS (load bootstrap) -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
		<style>
			.navbar { border-radius:0; }
		</style>

		<!-- JS (load angular, ui-router, and our custom js file) -->
		<script src="http://code.angularjs.org/1.2.13/angular.js"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script>
		<script src="app.js"></script>
	</head>
	<body ng-app="routerApp"> 
		<nav class="navbar navbar-inverse" role="navigation">
			<div class="navbar-header">
				<a class="navbar-brand" ui-sref="#">AngularUI Router</a>
			</div>
			<ul class="nav navbar-nav">
				<li><a ui-sref="home">Home</a></li>
				<li><a ui-sref="about">About</a></li>
			</ul>
		</nav>
		<div class="container">
			<div ui-view></div>
		</div>

	</body>

</html>